.banner img{
    width: 100%;
}

.article-container{
    margin-top: 30px;
    background-color: #e0e0e0;
    /*min-height:50vh;*/
}

.article-container .left-bar{
    float: left;
    width: 158px;
}

.article-container .left-bar li{
    padding: 0;
    font-family: PingFang-SC-Regular;
    font-size: 20px;
    text-align: center;
    color: #3e3e3e;
}

.article-container .left-bar li a{
    padding: 20px 0;
    display: block;
}

.article-container .left-bar li:not(.active):hover {
    background-color: #fff;
}

.article-container .left-bar li.active{
    background-color: #56a6fa;
    color: #ffffff;
}

.article-container .content{
    float: left;
    padding: 0 30px 30px;
    width: 740px;
    background: #fff;
}

.article-container .title{
    margin: 0;
    padding-bottom: 0;
    color: #56a6fa;
    font-size: 40px;
}

hr{
    margin: 25px 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
}

.article-container img{
    width: 100%;
}

.hy-footer{
    margin-top: 50px;
}